(function($){
	var hotarea = $('#hotarea')
	var mapOfPoper = $('#mapOfPoper')
	var bgMap = $('#bgMap')
	var mapToggleCheckebox = $('#mapToggleCheckebox')
	var mapPoperShowEle = $('#mapPoperShowEle')
	mapPoperShowEle.on('click', function(){
		mapOfPoper.show()
	})
	hotarea.on('click', function(){
		mapOfPoper.show()
	})
	mapOfPoper.find('.close').on('click', function(){
		mapOfPoper.hide()
	})
	mapToggleCheckebox.on('click', function(){
		if(mapToggleCheckebox.hasClass('checkbox-checked')) {
			mapToggleCheckebox.removeClass('checkbox-checked')
			bgMap.show()
		} else {
			mapToggleCheckebox.addClass('checkbox-checked')
			bgMap.hide()
		}
	})
	mapOfPoper.find('.tab span').on('click', function(){
		$(this).addClass('current').siblings().removeClass('current')
	})
})(jQuery)